<template>
  <el-config-provider :locale="zhCn">
    <nuxt-page />
  </el-config-provider>
</template>

<script lang="ts" setup>
  import "quill/dist/quill.core.css";
  import "quill/dist/quill.snow.css";
  import "quill/dist/quill.bubble.css";
  import 'element-plus/theme-chalk/display.css'
  import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
  import { onMounted, onUnmounted } from 'vue'
  import { screenStore } from '~/stores/modules/screen'
  import { useRoute } from 'vue-router'
  import { removeItem } from '~/utils/index'

  const route = useRoute()
  const screensStore = screenStore()
  // 标记是否为刷新操作（用于区分关闭和刷新）
  onMounted(() => {
    screensStore.bodyWidth = document.body.scrollWidth
    screensStore.bodyHeight = document.body.scrollHeight
    window.onresize = () => {
      screensStore.bodyWidth = document.body.scrollWidth
      screensStore.bodyHeight = document.body.scrollHeight
    }
  })
</script>

<style>
    .page-enter-active,
    .page-leave-active {
        transition: all 0.2s;
    }

    .page-enter-from,
    .page-leave-to {
        opacity: 0;
        filter: blur(1rem);
    }
</style>
